/* 基础类 */
.cusp{
    padding: 5px;
}
.text-red{
    color: #cc3e58 !important;
}
.txt-md{
    font-size: 20px;
}
.bg-blue{
    background-color: #95cdfc;
   
}
.bg-grey{
    background-color: #999999;
   
    
}
.bg-green{
    background-color: #1bb998;
  
}
.bg-blue span,
.bg-grey span,
.bg-green span {
    font-size: 20px;
    color: #fff;
}
.bg-blue span a,
.bg-grey span a,
.bg-green span a{
    display: block;
 
    padding: 10px;
}
.toshow{
    display: none;
}
.tohide{
    display: block;
}
.toggle-active .toshow{
    display: block;
}
.toggle-active .tohide{
    display: none;
}
#look-left{
    font-size: 70px;
    position: absolute;
    left: 35px;
    bottom: 45px;
}
#look-right{
    font-size: 70px;
    position: absolute;
    right: 35px;
    bottom: 45px;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 5px;
}
textarea.form-control {
    border: 2px solid #66afe9;
    margin-top: 10px;
    resize:none;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #efefef;
}
.btn-custom-lg{
    border-radius: 300px;
    height: 66px;
    width: 179px;
    font-size: 25px;
    position: relative;
    display: inline-block;
    overflow: hidden;

}
.btn-custom-lg input{
    position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	filter:Alpha(opacity=0);
	color: transparent;
	width: 100%;
	height: 100%;
	cursor: pointer;
	font-size: 100px;
	background:transparent;
}
.btn-custom-lg span{
    line-height: 45px;
}
a,
a:hover,
a:active,
a:visited,
a span,
a:hover span,
a:active span,
a:visited span
{
    text-decoration: none;
    color:#fff;
}
.cusp a{
    display: block;
    height: 100%;
}
.gov-server span,
.diy-tit span{
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    font-size: 25px;
    position: relative;
    top:10px;
    color: #fff;
}
.gov-affair .cusp a span,
.covi-server .cusp a span,
.diy-affair .cusp a span{
    position: absolute;
    display: block;
    width: 150px;
    font-size: 20px;
    font-weight: 600;
    bottom: 3px;
    right: 10px;
    text-align: right;
}
/* 基础类 */
/* 头部 */
.com-header{
    height: 80px;
    background-color: #d9ecf3;
    padding-left: 20px;
   
}
.com-header span{
    color: #0059c1;
    font-size: 35px;
    line-height: 80px;
    font-weight: 700;
}

/* 头部 */

/* 主体 */
.main-content{
     background: -webkit-linear-gradient(#fff, #c7ccf2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #c7ccf2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #c7ccf2); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #c7ccf2); /* 标准的语法（必须放在最后） */
    position: relative;
    padding: 0 100px;
}
/* 标题 */
        .main-content .tit-wp{
            text-align: center;
            padding: 15px;
        }
        .main-content .tit-wp span{
            display: block;
            color: #0059c1;
            font-weight: 600;
        }
        .main-content .tit-wp .cn{
            font-size: 30px;
        }
        .main-content .tit-wp .en{
            font-size: 25px;
        }
    /* 标题 */
    /* 面板 */
        .main-panel{
            padding: 10px;
            height: 600px;
            background-color: #fff;
        }
        /* 政务服务 */
        .gov-affair{
            margin-bottom: 20px;
        }
        .gov-server{
            height: 310px;
            background-color: #cc3e58;
        }
        .grp-afr,
        .ord,
        .per-afr{
            height: 150px;
            background-color: #e26e81;
        }
        /* 自助办事处 */
        .banshichaxun,
        .shixiangchaxun,
        .diy-tit{
            height: 155px;
            background-color: #149048;
           
        }
        .gongjijin,
        .xinyongka,
        .youxiandianshi,
        .weizhang,
        .shuifei,
        .dianfei,
        .shouji,
        .dianqifei,
        .shebaochaxun,
        .shixiangchaxun,
        .banshichaxun,
        .ord,
        .grp-afr,
        .per-afr{
            background-repeat: no-repeat;
            background-position: center;
        }
        .per-afr{
            background-image: url('../image/index/index_icon_red-per.png');
        }
        .grp-afr{
            background-image: url('../image/index/index_icon_red-firm.png');
            
        }
        .ord{
            background-image: url('../image/index/index_icon_red-res.png');
            
        }
        .xinyongka{
            background-image: url('../image/index/index_icon_blue_card.png');
        }
        .gongjijin{
            background-image: url('../image/index/index_icon_blue_funds.png');
        }
        .youxiandianshi{
            background-image: url('../image/index/index_icon_blue_tv.png');
        }
        .weizhang{
            background-image: url('../image/index/index_icon_blue_rule.png');
        }
        .shuifei{
            background-image: url('../image/index/index_icon_blue_wat.png');
            
        }
        .dianfei{
            background-image: url('../image/index/index_icon_blue_elec.png');

        }
        .shouji{
            background-image: url('../image/index/index_icon_blue_iph.png');
            
        }
        .dianqifei{
            background-image: url('../image/index/index_icon_blue_gas.png');
            
        }
        .shebaochaxun{
            background-image: url('../image/index/index_icon_blue_soc.png');
            
        }
        .shixiangchaxun{
            background-image: url('../image/index/index_icon_green-item.png');
            
        }
        .banshichaxun{
            background-image: url('../image/index/index_icon_green-ser.png');
           
        }
        /* 便民服务 */
        .covi-server{
            margin-left: 20px;
        }
        .covi-server .tit{
            background-color: #476fac;
            height: 40px;
            padding-left: 10px;
        }
        .covi-server .tit span{
            display: block;
            line-height: 40px;
            font-size: 25px;
            color: #fff;
        }
        .covi-server .lists .cusp > div{
            background-color: #688dc2;
            height: 142px;
        }
        /* 第三列的其他服务 */
        .other-server{
            margin-left: 20px;
        }
        .other-server .jiaotong,
        .other-server .yewu,
        .other-server .fuwu{
            height: 90px;
            margin-bottom: 12px;
        }
        .other-server .jiaotong span,
        .other-server .yewu span,
        .other-server .fuwu span{
            display: block;
            font-size: 30px;
            text-align: center;
            line-height: 90px;
            font-weight: 500;
        }
        .other-server .jiaotong{
            background-color: #f7bd37; 
        }
        .other-server .yewu{
            background-color: #01b2ba; 
        }
        .other-server .fuwu{
            background-color: #74bf0c; 
        }
        .yewu{
            background-image: url('../image/index/index_icon_cyan_work.png');
            background-repeat: no-repeat;
            background-position: 30px;
           
        }
        .fuwu{
            background-image: url('../image/index/index_icon_blue_serve.png');
            background-repeat: no-repeat;
            background-position: 30px;
            
        }
        /* 安卓 */
        
        /* ios */
        .ios-img{
            text-align: right;
        }
        .android-txt,
        .ios-txt{
            font-size: 20px;
            color: #000;
            margin: 10px 0;
        }
        .ios-txt{
            text-align: right;
        }
    /* 面板 */
    

    /* 首页进入页面 */
    .todolist{
        padding: 0;
    }
    .time-count{
        margin: 10px 0;
        padding: 0 10px;
        text-align: right;
        background-repeat: no-repeat;
        background-position: 10px;
        background-image: url(../image/index/index_icon_time.png);
        width: 200px;
    }
    .time-count span{
        color: green;
        font-size: 30px;
    }
    .todolist .todolist-panel{
        text-align: center;
        margin: auto;
        /*border:1px solid #2196f3;*/
        height: 110px;
        /*width: 100px;*/
        /*border-radius: 10px;*/
    }
    .todolist .left-part{
        background-color: #e3e6f3;
    }
    .todolist a .todolist-panel span{
        color: #666666;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        top: 70px;
    }
    .todolist a:hover .todolist-panel span,
    .todolist a.active .todolist-panel span{
        color: #1c69a8;
    }
    .todolist a:hover .todolist-panel,
    .todolist a.active .todolist-panel{
        background-color: #fff;
    }
    .list-btn-groups .list-sel-btn,
    .todolist-panel.personal,
    .todolist-panel.group,
    .todolist-panel.partment{
        background-repeat: no-repeat;
        background-position: center 17px;
        background-color: #e3e6f3;
        background-size: 40px;
    }
    .todolist-panel.personal{
        background-image: url(../image/todolist/enter_licon_per-nor.png);
    }
    .todolist-panel.group{
        background-image: url(../image/todolist/enter_licon_firm_nor.png);
    }
    .todolist-panel.partment{
        background-image: url(../image/todolist/enter_licon-_dep_nor.png);

    }
    .todolist a:hover .todolist-panel.personal,
    .todolist a.active .todolist-panel.personal{
        background-image: url(../image/todolist/enter_licon_per-sel.png);
    }
    .todolist a:hover .todolist-panel.group,
    .todolist a.active .todolist-panel.group{
        background-image: url(../image/todolist/enter_licon-_firm_sel.png);
    }
    .todolist a:hover .todolist-panel.partment,
    .todolist a.active .todolist-panel.partment{
        background-image: url(../image/todolist/enter_licon-_dep_sel.png);

    }
    .todolist .cusp{
        padding: 20px 26px;
        margin-bottom: 10px;
    }
    .list-btn-groups{
        margin-top: 43px;
    }
    .list-btn-groups .list-sel-btn{
       height: 90px;
        /* background-image: url(../image/index/enter_but_nor.png); */
        background-color: #edf1fd;
        border: 3px solid #dadada;
        border-radius: 21px;
        text-align: center;
        line-height: 45px;
        overflow: hidden;
        box-shadow: 0px 2px 31px #888888;
    }
    .list-btn-groups a:hover .list-sel-btn,
    .list-btn-groups a.active .list-sel-btn{
        background-color: #f0f4ff;
        border: 3px solid #89abdb;
        box-shadow: 0px 2px 31px #89abdb;
    }
    .list-btn-groups .list-sel-btn span{
        font-size: 25px;
        color: #000;
    }
    .list-btn-groups a:hover .list-sel-btn span,
    .list-btn-groups a.active .list-sel-btn span{
        /*color: #fff;*/
        text-shadow: 1px 1px  #888888;
        
    }
    .todolist .list-btn-groups .list-sel-btn{
        overflow: visible;
    }
    .todolist .list-sel-btn .image-wrapper{
        width: 60px;
        border: 9px solid #89abdb;
        height: 60px;
        border-radius: 300px;
        display: inline-block;
        background-color: #fff;
        margin-top: 11px;
    }
    .todolist .list-sel-btn .image-wrapper.pink{
        border: 9px solid #eb67a1;
    }
    .todolist .list-sel-btn .image-wrapper.blue{
        border: 9px solid #89abdb;
    }
    .todolist .list-sel-btn .image-wrapper.skin{
        border: 9px solid #f19c77;
    }
    .todolist .list-sel-btn .image-wrapper.green{
        border: 9px solid #6fc1bf;
    }
    .todolist .list-sel-btn .image-wrapper.org{
        border: 9px solid #f19c75;
    }
     .todolist .list-sel-btn .image-wrapper.purple{
        border: 9px solid #eee4fc;
    }
     .todolist .list-sel-btn .image-wrapper.deep-green{
        border: 9px solid #8fad49;
    }
    
    .todolist .list-btn-groups{
    	margin-top : 0;
    }
   
 /*   #eb67a1 pink
    #89abdb sblue
    #skin f19c77*/
      .todolist .list-sel-btn span{
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        bottom: -18px;
        font-size: 23px;
      }
    /* 普通表单 */
    h1{
        color: #0059c1;
        text-align: center;
        margin-bottom: 30px;
        font-weight: 600;
        margin-left: 30px;
    }
    .form-group-lg select.form-control,
    .form-group-lg .form-control{
        height: 60px;
        margin-bottom: 20px;
        color: #3170ac;
    }
    .form-horizontal .form-group-lg .control-label{
        padding-top: 15px;
        color: #3170ac;
    }
    .input-lg{
       
        border: 2px solid #66afe9;
    }
    .file-upload .el{
        margin-bottom: 45px;
        border-top: 1px solid #999;
        padding-top: 20px;
    }
    .file-upload .list-name{
        color: rgb(49, 112, 172);
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
    }
    .file-upload .sm-list-name{
        display: block;
        color: rgb(105, 105, 105);
        font-size: 25px;
        font-weight: 600;
    }
    .file-upload .swiper-slide{
        width: 150px !important;
    }
    .pic-view{
        border-bottom: 1px solid #999;
    }
    .file-upload .pic-view{
        border-bottom: none;
        overflow: hidden;
    }
    .file-upload .list-unstyled li{
        margin: 10px;
    }
    /* 拍照 */
    .photo-wp{
        text-align: center;
    }
    .photo-com{
        width: 400px;
        height: 400px;
        border: 2px solid #999;
        background-color: #fff;
        display: inline-block;
    }
    .photo-com .tip{
        font-size: 20px;
        color: #999;
        display: block;
    }
    .photo-handle{
        text-align: center;
    }
    .photo-handle .btn{
        display: inline-block;
        margin: 30px;
        height: 70px;
        width: 250px;
        font-size: 35px;
    }
    .take-photos .list-unstyled li{
        margin: 10px;
    }
    .take-photos .pic-view{
        /* width: 900px !important; */
        overflow: hidden;
        border-bottom: none;
    }
    .take-photos .swiper-slide{
        width: 104px !important;
    }
   
    .take-photos .pic-view ul a{
        position: relative;
    } 
    .take-photos .pic-view ul a .fa{
        display: none;
    } 
    .take-photos .pic-view ul a.active .fa{
        display: block;
        position: relative;
        font-size: 20px;
        position: absolute;
        color: green;
        right: 0;
        top: 0;
    } 
    .take-photos .pic-view li a{
        display: block;
        border: 2px solid #999;
    }
    .take-photos .swiper-wrapper{
        height: 150px;
    	/*top: 90px;*/
    	top: 60px;
    }
    .take-photos .pic-view li a.active{
    /* .take-photos .pic-view li a:hover{ 1*/
        border: 2px solid green;
    }
    /* 身份证 */
    .card-wp{
       
        position: relative;
    }
    .card-wp .tip{
        position: absolute;
        font-size: 25px;
        text-align: center;
    }
    .card-com{
        position: relative;
        margin: auto;
        top: 0;
        left: 0;
        height: 530px;
        width: 730px;
        bottom: 0;
        right: 0;
        background-color: #efefef;
        border: 2px solid #fff;
    }
    .card-com .image-wrapper{
        text-align: center;
        margin-top: 100px;
    }
    .pic-w{
        padding-left: 100px;
        padding-top: 128px;
        position: relative;
    }
    .pic-w .image-wrapper{
        width: 250px;
        height: 200px;
    }
    .pic-w img{
        width: 100%;
        object-fit: cover;
    }
    .pic-w .tip{
        font-size: 25px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    top: 265px;
    left: 160px;
    }
     /* 时间表格 */
    .time-table .txt-md{
        color: #3170ac;
        font-weight: 600;
    }
    .time-table .now-time{
        color: #d4ba26;
        font-weight: 600;
        font-size: 20px;
    }
    .info-table,
    .admiss-table,
    .setBasis-table,
    .reqMaterials-table{
    	width: 100% !important;
    	max-height: 500px !important;
    	overflow-y:scroll !important;
    }
    .time-table-com .first td{
        border-left: none;
        border-right: none;
        text-align: center;
        background-color: #d9ecf3;
    }
    .time-table-com .first td span{
        display: block;
        color: #3170ac;
        font-size: 20px;
        font-weight: 600;
        
    }
    .time-table-com td{
        height: 60px;
    }
    .time-table-com .s,
    .time-table-com .x{
        color: #3170ac;
        background-color: #d9ecf3;
        color: #3170ac;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        
    }
    /* 时间表格 */
/* 主体 */

/* 尾部 */
.footer{
    background-color: #cad5f3;
    height: 80px;
    padding: 0 20px;
}
.footer span{
    color: black;
    font-size: 35px;
    line-height: 80px;
    font-weight: 700;
    
}
.footer .md{
    display: block;
    font-size: 25px;
    line-height: 40px;
}
.footer .fa{
    margin: 0 7px;
    font-size: 25px;
}
.footer .btn{
    margin: 20px;
}
/* 尾部 */

/* 按钮 */
.btn-modify{
	background: #88abda;
	border: #88abda;
	margin-right: 5px;
	line-height:45px;
	display:block;
}
.btn-modify:hover{
	background: #88abbe;
	border: #88abbe;
	margin-right: 5px;
	line-height:45px;
	display:block;
}

/* 办事指南按钮  */
.item-info{
	position: relative;
	margin-bottom: 10px;
	background: #265a88;
}

.item-font{
	color: #ffffff;
}

.item-btn{
	display: block;
    font-size: 20px;
    position: absolute;
    color: #5cb85c;
    left: 35px;
    top: 33px;
}

/* 错误页面 */
.radius{
	text-align:center;
}
    	
.radius .col-md-24 i{
    color: #f7bd37;
    font-size: 130px;
    margin-top: 100px
}
    	
.radius span{
    color: red;
	font-size: 35px;
	line-height: 105px;
}

/* 在线下单成功页面 */
.circle .col-md-24 i{
    color: #5cb85c;
	font-size: 130px;
	margin-top: 100px;
}
.circle{
	text-align:center;
}
		    	
.circle span{
	color: #5cb85c;
	font-size: 35px;
	line-height: 105px;
}

/* 分頁 */
.current-page{
	background: #c7ccf2;
}
.current-page .pull-right{
	margin-right: 30px;
}
/*新样式*/
.new-style .main-panel{
    padding: 0;
    padding-top: 80px;
}
.new-style .diy-tit{
    height: 310px;
}
.new-style .banshichaxun,.new-style .shixiangchaxun{
    height: 150px;
}
.new-style .banshichaxun,
.new-style .shixiangchaxun,
.new-style .diy-tit,
.new-style .ord,
.new-style .grp-afr,
.new-style .per-afr,
.new-style .gov-server{
    border-radius: 13px;
}
.main-content.process-query{
	background-image: url(../image/index/jxzwfw_bg_02.png);
	    background-size: 2400px;
}
.todolist-panel.personal{
    background-color: #dff0d8;
}
.new-style .per-afr{
	height: 300px !important;
}
.new-style .main-panel.m{
  	background-image: url(../image/index/index_pic02.jpg);
    background-size: 1911px;
    background-position: -99px 1px;
}
.new-style .index-panel{
    text-align: center;
    margin: 0 14px;
    display: block;
    opacity: .8;
}
.new-style .index-panel .top{
    height: 300px;
    background-color: #fff;
    padding-top: 55px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.new-style .index-panel .bottom{
    height: 150px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 20px;
}
.new-style .index-panel .bottom .cn,
.new-style .index-panel .bottom .en{
    display: block;
    font-size: 25px;
}
.new-style .index-panel .bottom .cn{
    font-size: 35px;
}
.new-style .index-panel.yellow-panel .bottom{
   background-color: #fd940d;
}
.new-style .index-panel.blue-panel .bottom{
    background-color: #128ade;
}
.new-style .index-panel.green-panel .bottom{
    background-color: #0cdeaa;
}
.new-style .index-panel.orange-panel .bottom{
    background-color: #ec7347;
}
 .main-content.process-query .pic-w .image-wrapper{ 
 	background: #5bc0de;
	border-radius: 15px;
 }
 .main-content.process-query .pic-w:last-child .image-wrapper{ 
 	background: #5cb85c;
	
 }
 .main-content.process-query .pic-w .image-wrapper .fa{
 font-size: 100px;
 left: 180px;
    position: absolute;
    top: 160px;
 }
  .handle-btn .fa-check{
  	display:none;
  }
 .handle-btn.active .fa-check{
  	position: absolute;
    right: 26px;
    font-size: 35px;
    color: orange;
    top: 45px;
    display:block;
 }
 .handle-btn .btn{
 background: transparent;
    border: 1px dashed #ccc;
 }
 .handle-btn.active .btn{
   	border: 1px solid #337ab7 !important;
 } 
 .new-style .swiper .swiper-wrapper{
 	height: 600px;
 	overflow: hidden;
 }
 .new-style .swiper.main-panel{
 padding: 0 !important;
 }
  .new-style .swiper .swiper-slide-active{
 	height: 100% !important;
 	width: 100% !important;
 }
 .to-takephoto{
     text-align: center;
    padding: 155px;
    background: #e8e7e7;
    margin-top: 15px;
    border-radius: 10px;
    border: 2px solid #ccc;
    
    }
    .to-takephoto .teaser{
    	 font-size: 30px;
    	color: #777777;
    }
       
/*首页轮播*/
#banner .swiper-slide{
    height: 400px;
} 
#banner .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*首页轮播*/
